@import './reset.css';
@import './var.less';

// 这样的好处在于他不会覆盖其他组件的 box-sizing 值
html,body{
	box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
html,body{
    font-family: 'PingFang SC', 'STHeitiSC-Light', 'Helvetica-Light', arial, sans-serif, 'Droid Sans Fallback';
    -webkit-font-smoothing: antialiased; // 是字体更清晰
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
}

// 防止页面太大，是字体在区间内放大缩小
html {
    font-size: 13.3333333333vw; 
    @media screen and (max-width: 320px) {
        font-size: 32px;
    }
    @media screen and (min-width: 540px) {
        font-size: 54px;
    }
}

// body 也增加最大最小宽度限制，避免默认100%宽度的 block 元素跟随 body 而过大过小
body {
    max-width: 540px;
    min-width: 320px;
}

// 文字超出省略
.line-camp( @clamp:2 ) {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: @clamp;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    /* autoprefixer: on */
}

// 用来把750设计稿转375来适配vant  使用 .rem(width,100);
.cutpx(@name,@px){
		@{name}:unit(@px/2,px);
	}
.box-shadow{
	 box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.border-radius{
	 border-radius: .2em;
}

.middle{
	display: flex;
	align-items: center;
}
.center {
	display: flex;
	justify-content: center;
}
